<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <%@include file="/views/jspf/impose.jspf"%>
    <script type="text/javascript" src="${ctx}/static/js/consumer/consumer.js"></script>
    <title>用户信息</title>
</head>
<body style="background-color:transparent;">
<input id="ctxVal" type="hidden" value="${ctx}"/>
<div class="container" style="background-color:  rgba(254,254,254,0.8); width: 100%">
    <br>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <button id="btn_return" type="button" class="btn btn-info pull-left" >
                        <span class="glyphicon glyphicon-circle-arrow-left " aria-hidden="true"></span>&nbsp;&nbsp;返回
                    </button>
                </div>
            </div>
            <br>
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <table  class="table ">
                        <tbody>
                        <tr>
                            <td>
                                用户名
                            </td>
                            <td>
                                <input id="username" name="username" type="text">
                            </td>
                            <td>
                                电话号码
                            </td>
                            <td>
                                <input id="phone" name="phone" type="text">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <button id="btn_resetting" type="button" class="btn btn-danger   pull-right" >
                        <span class="glyphicon glyphicon-retweet " aria-hidden="true"></span>&nbsp;&nbsp;清空
                    </button>
                    <span class="pull-right">&nbsp;&nbsp;</span>
                    <button id="btn_query"  type="button" class="btn btn-success  pull-right">
                        <span class="glyphicon glyphicon-search " aria-hidden="true"></span>&nbsp;&nbsp;查询
                    </button>
                </div>
            </div>
            <hr/>
            <div class="row clearfix">
                <div id="toolButton" class="col-md-12 column">
                    <button id="btn_add" type="button" class="btn btn-success pull-left">
                        <span class="glyphicon glyphicon-plus " aria-hidden="true"></span>&nbsp;&nbsp;新增
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <table id="dataShow" style="background-color:transparent;"></table>
        </div>
    </div>
</div>
<%--确认窗口--%>
<div id="confirmComeOn" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="confirmAlertLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content message_align">
            <div class="modal-header">
                <h4 class="modal-title">提示信息</h4>
            </div>
            <div class="modal-body" id="confirm-body">
                <p></p>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success" data-dismiss="modal" id="btn_save">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" id="btn_cancel">取消</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
</body>
<script type="text/javascript">
    var ctx = '${ctx}';
</script>
</html>
